<script src="/public/__STATIC__/blog/tagscloud/tagscloud.js"></script>
<style>
    #tagscloud{width:100%;height:200px;position:relative;font-size:12px;color:#333;margin:20px auto 0;text-align:center;}
    #tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:12px;padding:1px 5px;display:inline-block;border-radius:3px;}
    #tagscloud a.tagc1{background:#666;color:#fff;}
    #tagscloud a.tagc2{background:#F16E50;color:#fff;}
    #tagscloud a.tagc3{background:#006633;color:#fff;}
    #tagscloud a:hover{color:#fff;background:#0099ff;}

</style>
<div class="fa-box">
    标签云
    <hr class="layui-bg-green">
    <div id="tagscloud">
        <a href="{:url('index/tags/index')}" class="tagc{:rand(1,3)}">暂无标签</a>
        {volist name='tags' id='tag'}
        <a href="{:url('index/tags/index',['tag_id'=>$tag['tag_id']])}" class="tagc{:rand(1,3)}">{$tag.name}</a>
        {/volist}
    </div>
</div>